.custom-spv-modal {
  .ant-modal {
    .ant-modal-body {
      height: 700px !important;

      .ant-carousel .slick-slider .slick-list {
        height: 700px !important;
      }
    }
  }
}

.imgWrap {
  width: 100%;
  height: 500px;
  display: flex !important;
  align-items: center;
  justify-content: center;

  > img {
    object-fit: cover;
  }
}

.custom-ass-carousel {
  .ant-carousel {
    .slick-dots {
      height: 5px;

      > li {
        button {
          width: 26px;
          height: 5px;
          opacity: 1;
          background: #666;
        }
        &.slick-active {
          button {
            width: 35px;
            background: #e8e8e8;
          }
        }
      }
    }
  }
}
